import React, { Component } from 'react';
import "./twosidebar.css"

import Threelist from "./Threelist"
interface Props {
    title: Barlist[],
    fenlei:string
}
interface Barlist {
    brand: string
}


class Twosidebar extends Component<Props> {
    constructor(props: Props) {
        super(props);

    }
    componentDidMount() {

    }
    render() {

        return (
            <div className='twosidebars'>
                {

                    this.props.title.map((item, index) => {
                        return (
                            <div className='twosidebar_text' key={index}>
                                {item.brand}
                                <Threelist zifenlei={this.props.fenlei} title={item.brand} />
                            </div>

                        )
                    })
                }
            </div>
        );
    }
}

export default Twosidebar;